function menuEvent(){
	menuAllHidden();
	menuTouch();
	closeMenu();
}
/*
function menuEvent(){
	menuAllHidden();
	
	var step_1_menu_link = $("#step_1_menu a.step_1_menu_link");
	var step_1_length = step_1_menu_link.length;
	
	for(var i=0; i<step_1_length; i++){
		step_1_menu_link[i].index = i;
		
		step_1_menu_link[i].onclick = function(){
			
		};
	}
	//menuTouch();
	//closeMenu();
}
*/

//모든 메뉴를 안보이게 한다.
function menuAllHidden(){
	var allMenu = $("#sub_menu dl.sub_menu");
	var menuLength = allMenu.length;
	
	for(var i=0; i<menuLength; i++){
		menuHidden(allMenu[i]);
	} 
}  

//메뉴를 누르면 안보이게 한다.
function menuHidden(obj){
	obj.style.display = "none";
} 
 
function menuTouch(){
	var step_1_menu_link = $("a.step_1_menu_link");
	var length = step_1_menu_link.length;
	
	for(var i=0; i<length; i++){
		
		step_1_menu_link[i].index = i;
		
		step_1_menu_link[i].onclick = function(){
			
			var img = this.getElementsByTagName("img")[0];
			var id = this.getAttribute("id");
			
			if($("dl.sub_menu")[id].style.display == "block" || $("dl.sub_menu")[id].style.display == ""){
				imgOff(img);
			}else{
				menuAllHidden();
				imgAllOff();
				imgOn(img); 
			}
			
			$($("#sub_menu dl.sub_menu")[this.index]).slideToggle("fast");
			 
			return false;  
		};
	}
}

//활성화 이미지로 바꾼다.
function imgOn(obj){
	imgAllOff();
	obj.src = obj.src.replace("_off", "_on");
}

//비활성화 이미지로 바꾼다.
function imgOff(obj){
	obj.src = obj.src.replace("_on", "_off");
}

//모든 메뉴 이미지를 비활성화 시킨다.
function imgAllOff(){
	var img = $("a.step_1_menu_link img");
	var imgLength = img.length;
	
	for(var i=0; i<imgLength; i++){
		imgOff(img[i]);
	}
}

function closeMenu(){
	var close_button = $("dd.close_button");
	var length = close_button.length;
	
	for(var i=0; i<length; i++){
		close_button[i].style.cursor = "pointer";
		close_button[i].onclick = function(){
			var id = this.getAttribute("id").replace("close_button_", "");
			$(this.parentNode).slideToggle("fast");
			imgOff($("a.step_1_menu_link")[id].getElementsByTagName("img")[0]); 
		}; 
	}
}

$(document).ready(function() {
	menuEvent();   
});